<script>
  /**
   * @restProps {form}
   */

  import { setContext } from "svelte";
  import Form from "../Form/Form.svelte";

  /**
   * @type {{ isFluid: boolean }}
   */
  const formContext = { isFluid: true };

  setContext("Form", formContext);
</script>

<Form
  {...$$restProps}
  class="bx--form--fluid {$$restProps.class}"
  on:click
  on:keydown
  on:mouseover
  on:mouseenter
  on:mouseleave
  on:submit
>
  <slot />
</Form>
